<template>
  <views class="notification_detail">
    <div class="notification_detail_header">服务通知</div>
    <div class="notification_detail_content">
      <div class="notification_description">
        {{notificationInfo.description}}
      </div>
      <div class="notification_info">
        <div class="notification_sender">发送人：{{notificationInfo.sender}}</div>
        <div class="notification_type">类型：{{notificationInfo.type}}</div>
        <div class="notification_time">预警时间：{{notificationInfo.time}}</div>
      </div>
    </div>
    <div class="notification_detail_footer">
      <el-button type="primary" @click="toNotification">返回</el-button>
    </div>
  </views>
</template>

<script>

export default {
  data() {
    return {
      notification_id: '',
      notificationInfo: {
        description: '段落示意：蚂蚁金服设计平台 design.alipay.com，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 design.alipay.com，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。团建还没选择的赶紧找到组织，再晚房源就订不到了，相关同学收到请确认，并留言选择加入的组织，各组长最后统计。',
        sender: '张三',
        type: '服务通知',
        time: '2020-4-30 9:00'
      }
    };
  },
  computed: {},
  methods: {
    toNotification(){
      this.$blackRoute({ path: '/notification', query: {}, that: this }); // 返回指定路由-删除标题栏
    }
  },
  mounted() {
    this.notification_id = this.$route.query.notification_id;
    this.$setRouteTitle();
  }
};
</script>


<style lang="less" scope="true"   src="@/style/notification/notification_detail.less">
</style>
